import React from 'react';

const ProcessFile = ({
  x,
  y,
  width,
  onClick,
}) => (
  <svg x={x} y={y} width={width} height="24px" viewBox="0 0 24 24" onClick={onClick}>
    <g id="页面-1" stroke="none" fill="none">
      <g id="危险分级" transform="translate(-382.000000, -42.000000)">
        <g id="server-line" transform="translate(382.000000, 42.000000)">
          <polygon
            id="路径"
            points="0 0 24 0 24 24 0 24"
          />
          <path
            d="M5,11 L19,11 L19,5 L5,5 L5,11 Z M21,4 L21,20 L21,20 C21,20.55 20.55,21 20,21 L4,21 L3.99,21 C3.43,20.99 2.98983649,20.55 2.98983649,19.99 C2.98983649,19.99 2.98983649,19.989 2.98983649,19.989 L2.98983649,3.989 L2.98983649,3.989 C2.98,3.429 3.43,2.97883649 3.98,2.97883649 L19.98,2.97883649 L19.97,2.97883649 C20.52,2.969 20.97,3.419 20.97,3.969 L21,4 Z M19,13 L5,13 L5,19 L19,19 L19,13 Z M7,15 L10,15 L10,17 L7,17 L7,15 Z M7,7 L10,7 L10,9 L7,9 L7,7 Z"
            id="形状"
            fill="#E7EFFF"
            fillRule="nonzero"
          />
        </g>
      </g>
    </g>
  </svg>
);

export default ProcessFile;
